<!DOCTYPE html>
<meta charset="utf-8" /> 
<title>WebSocket Test</title> 
<script language="javascript" type="text/javascript"> 

var wsUri = "ws://printer.com.cn:19201/"; 
var output; 

function init() { 
  output = document.getElementById("output");   
  testWebSocket();
} 

function testWebSocket() { 
  websocket = new WebSocket(wsUri);
  websocket.onopen = function(evt) { onOpen(evt) }; 
  websocket.onclose = function(evt) { onClose(evt) }; 
  websocket.onmessage = function(evt) { onMessage(evt) }; 
  websocket.onerror = function(evt) { onError(evt) }; 
} 

function onOpen(evt) { 
  writeToScreen("CONNECTED"); 
} 

function onClose(evt) { 
  writeToScreen("DISCONNECTED"); 
} 

function onMessage(evt) { 
  writeToScreen('<span style="color: blue;">RESPONSE: ' +
  evt.data+'</span>'); 
} 

function onError(evt) { 
  writeToScreen('<span style="color: red;">ERROR:</span> ' +
  evt.data); 
} 

function doSend(message) {  
  writeToScreen("SENT: " + message); 
  websocket.send(message); 
} 

function writeToScreen(message) { 
  var pre = document.createElement("p"); 
  pre.style.wordWrap = "break-word"; 
  pre.innerHTML = message; 
  output.appendChild(pre); 
} 

window.addEventListener("load", init, false); 

</script> 

<html>
WebSocket Test

<form>
<input id="content" type="text"/>
<input type="button" onClick="javascript:doSend(content.value)" value="打印"/>
</form>

<div id="output">
</div>

</html>